<!-- VideoPlayer.vue -->
<template>
  <div class="video-container">
    <video controls :src="videoUrl" class="video-player"></video>
  </div>
</template>

<script setup>
import { defineProps } from 'vue'

const props = defineProps({
  videoUrl: {
    type: String,
    required: true
  }
})

console.log(props.videoUrl)
</script>

<style scoped>
.video-container {
  width: 100%;
  max-width: 800px;
  margin: 0 auto;
}

.video-player {
  width: 100%;
  height: auto;
}
</style>
